<template>
	<div>
		<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle"/>
	</div>
</template>

<script setup>
import {useFullscreen} from '@vueuse/core'

const {isFullscreen, enter, exit, toggle} = useFullscreen()
</script>

<style lang='scss' scoped>
.screenfull-svg {
	display: inline-block;
	cursor: pointer;
	fill: #5a5e66;
	width: 20px;
	height: 20px;
	vertical-align: 10px;
}
</style>
